<!DOCTYPE html>
<html lang="zh">
<head>
    <title>Categories &middot; JavaScript</title>
    <meta name="generator" content="Hugo 0.66.0" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="author" content="JavaScript">
    
      <meta name="description" content="JavaScript">
    
    
      <link href="https://juventusryp.gitee.io/javascriptblog/categories/index.xml" rel="alternate" type="application/rss+xml" title="JavaScript" />
      <link href="https://juventusryp.gitee.io/javascriptblog/categories/index.xml" rel="feed" type="application/rss+xml" title="JavaScript" />
    
    <link rel="canonical" href="https://juventusryp.gitee.io/javascriptblog/categories/"/>
    <link rel="icon" href="https://juventusryp.gitee.io/javascriptblog/favicon.ico">
    <link rel="apple-touch-icon" href="https://juventusryp.gitee.io/javascriptblog/apple-touch-icon.png"/>
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/css/style.css">
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/css/monokai.css">
    
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/fancybox/jquery.fancybox.css">
    
    <link href='https://fonts.loli.net/css?family=Open+Sans:400italic,400,600' rel='stylesheet' type='text/css'>
    <link href='https://fonts.loli.net/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
	<link href='https://lib.baomitu.com/highlight.js/9.15.10/styles/vs.min.css' rel='stylesheet' type='text/css'/>
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" type='text/css'>
    <meta property="og:title" content="Categories" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://juventusryp.gitee.io/javascriptblog/categories/" />
<meta property="og:updated_time" content="2020-03-18T00:25:15+08:00" />

    
    <meta itemprop="name" content="Categories">
<meta itemprop="description" content="">
    <meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Categories"/>
<meta name="twitter:description" content=""/>

    <style type="text/css">
	 
	.myShadow {
		transition: all 0.5s;
		-webkit-transition: all 0.5s;  
		-moz-transition: all 0.5s;  
		-o-transition: all 0.5s;  
	}
	.myShadow:hover {
		-moz-box-shadow:0px 0px 15px #ccc; 
		-webkit-box-shadow:0px 0px 15px #ccc; 
		box-shadow:0px 0px 15px #ccc;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
</style>

    

    
    <script src="https://cdnjs.loli.net/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    
    
    
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>



<div id="container">
	<header id="header">
  <div id="header-main" class="header-inner myShadow">
    <div class="outer">
      <a href="https://juventusryp.gitee.io/javascriptblog" id="logo">
          
          <i class="logo" style="background-image: url('https://juventusryp.gitee.io/javascriptblog/css/images/logo-black.png')"></i>
          
          <span class="site-title">JavaScript</span>
      </a>
      <nav id="main-nav">
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/blogs" style="font-weight:600;">考试</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/post" style="font-weight:600;">文章</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/archives" style="font-weight:600;">归档</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/tags" style="font-weight:600;">标签</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/categories" style="font-weight:600;">分类</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/messageboard" style="font-weight:600;">留言</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/about" style="font-weight:600;">关于</a>
          
          

          

          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
      </nav>
        <nav id="sub-nav">
          <div class="profile" id="profile-nav">
            <a id="profile-anchor" href="javascript:;"><img class="avatar" src="https://juventusryp.gitee.io/javascriptblog/css/images/avatar-black.png"><i class="fa fa-caret-down"></i></a>
          </div>
        </nav>
        <div id="search-form-wrap">
			<i class="fa fa-search" style="cursor:pointer;font-size:16px;" onclick="syalert.syopen('search');" title="搜索"></i>
			
        </div>
    </div>
  </div>
  <div id="main-nav-mobile" class="header-sub header-inner">
    <table class="menu outer">
      <tbody>
          <tr>
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/blogs">考试</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/post">文章</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/archives">归档</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/tags">标签</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/categories">分类</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/messageboard">留言</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/about">关于</a></td>
          
          

          

          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          <td>
          <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form">
          <input type="search" name="q" class="search-form-input" placeholder="Search">
          <input type="hidden" name="sitesearch" value="https://juventusryp.gitee.io/javascriptblog" />
          </form>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</header>

   	
   	<div class="outer">
   	
    	<style type="text/css">
 
#avatar {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
#avatar:hover {
	position: relative;
	-webkit-transform: translateY(-0.75rem);
	-moz-transform: translateY(-0.75rem);
	-ms-transform: translateY(-0.75rem);
	-o-transform: translateY(-0.75rem);
	transform: translateY(-0.75rem);
	cursor: pointer;
}
</style>
<aside id="profile">
  <div class="inner profile-inner">
  <div class="myShadow">
    <div class="base-info profile-block">
      
      <img id="avatar" style="width:200px;height:200px;
												border:5px solid #f2f2f2;
												border-radius: 50%;" src="https://juventusryp.gitee.io/javascriptblog/css/images/avatar-black.png">
      
      <h2 id="name">JavaScript</h2>
      <h3 id="title" style="margin-top:8px;margin-bottom:8px;">仰望星空，脚踏实地</h3>
      <span id="location"><i class="fa fa-map-marker"></i>郑州</span>
      
          <a id="follow" href="#">
              微信公众号
          </a>
      
    </div>
    <div class="article-info profile-block">
      <div class="article-info-block">
        5
        <span>文章</span>
      </div>
      <div class="article-info-block">
        
          4
        
        <span>
            标签
        </span>
      </div>
    </div>
    <div class="profile-block social-links">
      <table>
        <tr>
          





















































          <td><a href="https://juventusryp.gitee.io/javascriptblog/index.xml" target="_blank" title="RSS"><i class="fa fa-rss"></i></a></td>
        </tr>
      </table>
    </div>
  </div>
  </div>
</aside>

    

    <section id="main">
    
<style type="text/css">
	.category-list-link:hover {
		color: #38b7ea !important;
	}
</style>
<section class="layout-wrap myShadow" style="background:#ffffff;"><div class="layout-title"></div>
		<div>
			<img src="https://mrhelloworld.com/resources/headers/category_header/header.jpg" style="width: 100%;"/>
		</div>
		<div class="layout-wrap-inner list-categories" style="padding:20px 20px 30px;">
			<ul class="category-list">
				 
				<li class="category-list-item">
					<a class="category-list-link" href="javascript">Javascript</a>
					<span class="category-list-count">2</span>
				</li>
				
				<li class="category-list-item">
					<a class="category-list-link" href="%E4%BB%8B%E7%BB%8D">介绍</a>
					<span class="category-list-count">1</span>
				</li>
				
				<li class="category-list-item">
					<a class="category-list-link" href="%E6%82%AC%E8%B5%8F">悬赏</a>
					<span class="category-list-count">1</span>
				</li>
				
				<li class="category-list-item">
					<a class="category-list-link" href="%E8%AF%BE%E7%A8%8B%E6%80%BB%E7%BB%93">课程总结</a>
					<span class="category-list-count">1</span>
				</li>
				
			</ul>
		</div></section>

    </section>

	<aside id="sidebar">
	
		<style type="text/css">
	.rightPosts {
		background: #ffffff;
		margin-bottom: 20px;
		padding: 0 0 10px;
	}
	.rightPosts .rightPosts-body {
		margin-left: 18px;
		font-family: "Raleway", Helvetica, sans-serif;
		line-height:1.6;
		font-size: 10pt;
	}
	.rightPosts .rightPosts-body a:hover {
		color: #38b7ea;
	}
	.rightPosts-more {
		width: 100%;
		font-family: "Raleway", Helvetica, sans-serif;
		font-size: 10pt;
		border: 1px solid #ccc;
		text-align: center;
		padding: 10px 0;
	}
	.rightPosts-more a:hover {
		color: #38b7ea;
	}
</style>

<div class="widget-wrap">
    <h3 class="widget-title">
        最新文章
    </h3>
    <div class="widget">
		
		<div class="rightPosts myShadow">
		<div class="rightPosts-header">
			<a href="https://juventusryp.gitee.io/javascriptblog/post/javascript_topic/">
			
				<img src="http://kecheng.printyun.cn/%E8%AF%BE%E7%A8%8B%E4%BB%8B%E7%BB%8D%E7%BC%A9%E7%95%A5%E5%9B%BE.png" alt="Categories" style="width:100%;height:auto;"/>
			
			</a>
		</div>
		<div class="rightPosts-body">
			
			
			<p style="margin-top:5px;">
				
				<i class="fa fa-folder-open"></i><a href="https://juventusryp.gitee.io/javascriptblog/categories/javascript">
				JavaScript
				</a>
			</p>
			
			
			<p><a href="https://juventusryp.gitee.io/javascriptblog/post/javascript_topic/" class="title">JavaScript测试题</a></p>
			<p>
				<i class="fa fa-calendar"></i>&nbsp;&nbsp;<time datetime="2020-03-07 21:00:44 &#43;0000 UTC" itemprop="datePublished">2020-03-07</time>
			</p>
		</div>
		</div>
		
		<div class="rightPosts myShadow">
		<div class="rightPosts-header">
			<a href="https://juventusryp.gitee.io/javascriptblog/post/javascript%E8%AF%BE%E7%A8%8B%E6%80%BB%E7%BB%93%E6%88%AA%E6%AD%A22020.3.17/">
			
				<span class="thumbnail-image thumbnail-none"></span>
			
			</a>
		</div>
		<div class="rightPosts-body">
			
			
			<p style="margin-top:5px;">
				
				<i class="fa fa-folder-open"></i><a href="https://juventusryp.gitee.io/javascriptblog/categories/%E8%AF%BE%E7%A8%8B%E6%80%BB%E7%BB%93">
				课程总结
				</a>
			</p>
			
			
			<p><a href="https://juventusryp.gitee.io/javascriptblog/post/javascript%E8%AF%BE%E7%A8%8B%E6%80%BB%E7%BB%93%E6%88%AA%E6%AD%A22020.3.17/" class="title">JavaScript课程总结(截止2020.3.17)</a></p>
			<p>
				<i class="fa fa-calendar"></i>&nbsp;&nbsp;<time datetime="2020-03-17 22:28:42 &#43;0800 CST" itemprop="datePublished">2020-03-17</time>
			</p>
		</div>
		</div>
		
		<div class="rightPosts myShadow">
		<div class="rightPosts-header">
			<a href="https://juventusryp.gitee.io/javascriptblog/post/%E6%82%AC%E8%B5%8F%E4%B8%80%E8%AE%BE%E8%AE%A1%E5%B0%8F%E7%BB%84%E6%8E%92%E8%A1%8C%E6%A6%9C/">
			
				<span class="thumbnail-image thumbnail-none"></span>
			
			</a>
		</div>
		<div class="rightPosts-body">
			
			
			<p style="margin-top:5px;">
				
				<i class="fa fa-folder-open"></i><a href="https://juventusryp.gitee.io/javascriptblog/categories/%E6%82%AC%E8%B5%8F">
				悬赏
				</a>
			</p>
			
			
			<p><a href="https://juventusryp.gitee.io/javascriptblog/post/%E6%82%AC%E8%B5%8F%E4%B8%80%E8%AE%BE%E8%AE%A1%E5%B0%8F%E7%BB%84%E6%8E%92%E8%A1%8C%E6%A6%9C/" class="title">(悬赏一)设计小组排行榜</a></p>
			<p>
				<i class="fa fa-calendar"></i>&nbsp;&nbsp;<time datetime="2020-03-18 00:25:15 &#43;0800 CST" itemprop="datePublished">2020-03-18</time>
			</p>
		</div>
		</div>
		
		<div class="rightPosts myShadow">
		<div class="rightPosts-header">
			<a href="https://juventusryp.gitee.io/javascriptblog/post/js_source/">
			
				<img src="http://kecheng.printyun.cn/javascript%E8%B5%84%E6%BA%90.png" alt="Categories" style="width:100%;height:auto;"/>
			
			</a>
		</div>
		<div class="rightPosts-body">
			
			
			<p style="margin-top:5px;">
				
				<i class="fa fa-folder-open"></i><a href="https://juventusryp.gitee.io/javascriptblog/categories/javascript">
				JavaScript
				</a>
			</p>
			
			
			<p><a href="https://juventusryp.gitee.io/javascriptblog/post/js_source/" class="title">前端精品资源</a></p>
			<p>
				<i class="fa fa-calendar"></i>&nbsp;&nbsp;<time datetime="2020-03-09 21:00:44 &#43;0000 UTC" itemprop="datePublished">2020-03-09</time>
			</p>
		</div>
		</div>
		
		<div class="rightPosts myShadow">
		<div class="rightPosts-header">
			<a href="https://juventusryp.gitee.io/javascriptblog/post/18%E8%AE%A1%E4%BF%A10102/">
			
				<img src="http://kecheng.printyun.cn/18%E8%AE%A1%E4%BF%A101VS02.png" alt="Categories" style="width:100%;height:auto;"/>
			
			</a>
		</div>
		<div class="rightPosts-body">
			
			
			<p style="margin-top:5px;">
				
				<i class="fa fa-folder-open"></i><a href="https://juventusryp.gitee.io/javascriptblog/categories/%E4%BB%8B%E7%BB%8D">
				介绍
				</a>
			</p>
			
			
			<p><a href="https://juventusryp.gitee.io/javascriptblog/post/18%E8%AE%A1%E4%BF%A10102/" class="title">18计信01 VS 18计信02</a></p>
			<p>
				<i class="fa fa-calendar"></i>&nbsp;&nbsp;<time datetime="2020-03-05 21:00:44 &#43;0000 UTC" itemprop="datePublished">2020-03-05</time>
			</p>
		</div>
		</div>
		
		<div class="rightPosts-more">
			<a href="/archives/">更多文章</a>
		</div>
    </div>
</div>


		


<div class="widget-wrap myShadow" style="background: #ffffff;padding: 20px 20px 0;">
    <h3 class="widget-title">分类</h3>
    <div class="widget">
        <ul class="category-list">
            
            <li class="category-list-item">
                
                <a class="category-list-link" href="https://juventusryp.gitee.io/javascriptblog/categories/javascript">
                    Javascript
                </a>
                <span class="category-list-count">2</span>
            </li>
            
            <li class="category-list-item">
                
                <a class="category-list-link" href="https://juventusryp.gitee.io/javascriptblog/categories/%E4%BB%8B%E7%BB%8D">
                    介绍
                </a>
                <span class="category-list-count">1</span>
            </li>
            
            <li class="category-list-item">
                
                <a class="category-list-link" href="https://juventusryp.gitee.io/javascriptblog/categories/%E6%82%AC%E8%B5%8F">
                    悬赏
                </a>
                <span class="category-list-count">1</span>
            </li>
            
            <li class="category-list-item">
                
                <a class="category-list-link" href="https://juventusryp.gitee.io/javascriptblog/categories/%E8%AF%BE%E7%A8%8B%E6%80%BB%E7%BB%93">
                    课程总结
                </a>
                <span class="category-list-count">1</span>
            </li>
            
        </ul>
    </div>
</div>




		

		


<div class="widget-wrap myShadow" style="background: #ffffff;padding: 20px 20px 0;">
    <h3 class="widget-title">
        标签云
    </h3>
    <div class="widget tagcloud">
        
        
        <a href="https://juventusryp.gitee.io/javascriptblog/tags/javascript" style="font-size: 13px;">Javascript</a>
        
        
        <a href="https://juventusryp.gitee.io/javascriptblog/tags/%E4%BB%8B%E7%BB%8D" style="font-size: 13px;">介绍</a>
        
        
        <a href="https://juventusryp.gitee.io/javascriptblog/tags/%E6%82%AC%E8%B5%8F" style="font-size: 13px;">悬赏</a>
        
        
        <a href="https://juventusryp.gitee.io/javascriptblog/tags/%E8%AF%BE%E7%A8%8B%E6%80%BB%E7%BB%93" style="font-size: 13px;">课程总结</a>
        
    </div>
</div>




	

    <div id="toTop" class="fa fa-angle-up"></div>
</aside>
	</div>
</div>

<footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2019 - 2020
      JavaScript
    </div>
  </div>
</footer>


<script src="https://juventusryp.gitee.io/javascriptblog/fancybox/jquery.fancybox.pack.js"></script>
<script src="https://juventusryp.gitee.io/javascriptblog/js/script.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>


<script>hljs.initHighlightingOnLoad();</script>


<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\\(','\\)']]}
  });
</script>
<script src="https://cdnjs.loli.net/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>




</body>
</html>